<html>
<head>
<link rel="stylesheet" type="text/css" href="styles/stylesZen.css" />
<title>Plantas Vs Zombies-Mejoras</title>
</head>
<body>
	<form wicket:id="mejorasForm">
		<h1>Jardin Zen - Mejoras</h1>
		<h2>
			<span wicket:id="nombreSemillaSeleccionada" class="nombreSemillaSeleccionada"></span>
		</h2>
		<div align="left">
			<p>
				Recursos: <span wicket:id="recursos" class="recursos"></span>
			</p>
		</div>
		<div wicket:id="mejoraSeleccionada">
		<table>
			<tr>
				<th>#</th>
				<th>Nombre</th>
				<th>Porcentaje de Mejora</th>
				<th>Costo</th>
			</tr>
			<tr wicket:id="mejorasPredefinidas">
				<td><input type="radio" wicket:id="radioMejora" /></td>
				<td><span wicket:id="nombre"></span></td>
				<td><span wicket:id="porcDeMejora"></span></td>
				<td><span wicket:id="costo"></span></td>
			</tr>
		</table>
		</div>
		<input type="submit" wicket:id="comprar" value="Comprar" class="boton">
		<input type="submit" wicket:id="volver" value="Volver" class="boton">
		<div wicket:id="feedbackPanel"></div> 
		</form>
		<div wicket:id=mejorasCompradas>
			<table border="1">
				<tr>
					<th>Mejoras Aplicada</th>
				</tr>
				<tr wicket:id="mejorasAplicadas">
					<td><span wicket:id="nombre"></span></td>
				</tr>
			</table>

		</div>

</body>
</html>